const path = require('path');

module.exports = {
  entry: './src/index.js', // 入口文件
  output: {
    filename: 'bundle.js', // 输出的文件名称
    path: path.resolve(__dirname, 'dist') // 输出的文件路径
  },
  module: {
    rules: [
      {
        test: /\.scss$/, // 匹配所有的 .scss 文件
        use: [
          'style-loader', // 将 CSS 插入到页面
          'css-loader',   // 处理 CSS 文件的加载
          'sass-loader'   // 编译 Sass 文件
        ]
      }
    ]
  },
  devServer: {
    port: 8082, // ← 指定端口（支付宝沙箱）
    contentBase: './dist', // 设置开发环境的根目录
    hot: true // 开启热模块替换
  }
};
